<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">




<ui:composition template="/WEB-INF/facelets/templates/template.xhtml">

  <ui:define name="menu">
				<h:form>
					<p:menubar style="padding:0 0 0 70px;">

						<p:submenu
							label="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
			                  Nosotros 
			                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;">
							<p:menuitem value="Información General" url="#" />
							<p:menuitem value="Mission Vision" url="#" />
							<p:menuitem value="Estructura UNCP" url="#" />

							<p:submenu label="Como llegar ?">
								<p:menuitem value="Mapa del Campus" url="#" />
							</p:submenu>

						</p:submenu>

						<p:submenu
							label="&nbsp;&nbsp;&nbsp;&nbsp;
			                 Generar Comprobantes
			                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;">
							<p:menuitem value="Generar Comprobantes" action="generacionCDP.xhtml"  ajax="false"/>
						</p:submenu>

						<p:submenu
							label="&nbsp;&nbsp;&nbsp;
			                 CDP Generados 
			                 &nbsp;&nbsp;&nbsp;&nbsp;">
							<p:menuitem value="CDP Generados " action="listarCDP.xhtml"  ajax="false"/>
						</p:submenu>
						
						<p:submenu
							label="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			                Session
			                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;">
							<p:menuitem value="Cerrar Session"  ajax="false" action="#{cUsuarioSistemaController.cerrarCession}"  />
						</p:submenu>
						

					</p:menubar>


				</h:form>
			</ui:define>


	<ui:define name="bodyLateralIzquierdo">
		<div align="center" style="margin: 60px 0 0 0;">

			<h:form id="frm01">



				<p:panel header="Generación de Comprobante de Pago" style="width: 50em;">

					<h:outputText value="Codigo de Comprobante :" />
					<p:inputText value="#{cComprobanteDePago.eCdp.str_codcdp}"
						readonly="true" />


				</p:panel>


				<p:panel header="Datos del Postulante" id="idPrueba" style="width: 50em;">
					<h:panelGrid columns="2">

						<h:outputText value="Seleccione Tipo de Modalidad :" />

						<h:selectOneMenu id="idTipoModalidad"
							binding="#{cComprobanteDePago.codTipoModalidad}"
							value="#{cComprobanteDePago.eCdp.postulante.tipoModalidad.int_cod_moda}"
							valueChangeListener="#{cComprobanteDePago.calcularCostoTotal}">

							<f:selectItem itemLabel="--- Seleccione Tipo de Modalidad ---"
								itemValue="0" />

							<f:selectItems value="#{cComprobanteDePago.lstTipoModalidad}"></f:selectItems>

							<f:ajax render="idCosto"></f:ajax>

						</h:selectOneMenu>



						<h:outputText value="Nombres :" />
						<p:inputText id="idNombre"
							value="#{cComprobanteDePago.eCdp.postulante.str_nom_postu}">
						</p:inputText>



						<h:outputText value="Apellido Paterno :" />
						<p:inputText id="idApePat"
							value="#{cComprobanteDePago.eCdp.postulante.str_apePat_postu}"></p:inputText>



						<h:outputText value="Apellido Materno :" />
						<p:inputText id="idApeMat"
							value="#{cComprobanteDePago.eCdp.postulante.str_apeMat_postu}">

						</p:inputText>


						<h:outputText value="Fecha de Nacimiento :" />



						<p:calendar id="idFecNac"
							value="#{cComprobanteDePago.eCdp.postulante.str_fecNac_postu}">


						</p:calendar>



						<h:outputText value="DNI :" />
						<p:inputMask id="idDni"
							value="#{cComprobanteDePago.eCdp.postulante.str_dni_postu}"
							mask="99999999" />


						<h:outputText value="Telefono :" />
						<p:inputMask id="idTelefono"
							value="#{cComprobanteDePago.eCdp.postulante.str_telefo_postu}"
							mask="(999) 999-9999" />


						<h:outputText value="Email :" />
						<p:inputText id="idEmail"
							value="#{cComprobanteDePago.eCdp.postulante.str_email_postu}"></p:inputText>


						<h:outputText value="Foto :" />

						<p:fileUpload
							fileUploadListener="#{cComprobanteDePago.cargarFoto}"
							sizeLimit="2097152" multiple="false" label="Cargar Foto"
							allowTypes="*.jpg;" description="Images" auto="true" id="idFoto"
							update="idMensajes" />




						<h:outputText value="Seleccione Faculta :" />

						<h:selectOneMenu id="idFacultad"
							binding="#{cComprobanteDePago.codFacultad}"
							valueChangeListener="#{cComprobanteDePago.cargarEscuelas}">
							<f:selectItem itemLabel="--Seleccione Facultad--" itemValue="0" />

							<f:selectItems value="#{cComprobanteDePago.lstFacultad}" />

							<f:ajax render="idEscuela"></f:ajax>

						</h:selectOneMenu>


						<h:outputText value="Seleccione Escuela :" />

						<h:selectOneMenu id="idEscuela"
							binding="#{cComprobanteDePago.codEscuela}"
							valueChangeListener="#{cComprobanteDePago.cargarCarreras}">
							<f:selectItem itemLabel="--Seleccione Escuela--" itemValue="0" />

							<f:selectItems value="#{cComprobanteDePago.lstEscuela}" />

							<f:ajax render="idCarrera"></f:ajax>

						</h:selectOneMenu>



						<h:outputText value="Seleccione Carrera :" />

						<h:selectOneMenu id="idCarrera"
							value="#{cComprobanteDePago.eCdp.postulante.carrera.int_codcarrera}">
							<f:selectItem itemLabel="--Seleccione Carrera--" itemValue="0" />
							<f:selectItems value="#{cComprobanteDePago.lstCarrera}" />

						</h:selectOneMenu>


						<h:outputText value="Total a Pagar :" />
						<p:inputText id="idCosto"
							value="#{cComprobanteDePago.eCdp.dbl_total}" readonly="true"></p:inputText>


						<p:message for="idCosto"></p:message>

					</h:panelGrid>

					<p:messages id="idMensajes"></p:messages>

				</p:panel>

				<h:commandButton value="Generar CDP"
					action="#{cComprobanteDePago.generarComprobanteDePago}" />

			</h:form>


		</div>
	</ui:define>

</ui:composition>

</html>